import WeCropper from '../libs/we-cropper/we-cropper.js'

const device = wx.getSystemInfoSync()
const width = device.windowWidth
const height = device.windowHeight - 50

Page({
    data: {
        cropperOpt: {
            id: 'cropper',
            width,
            height,
            scale: 2.5,
            zoom: 8,
            cut: {
                x: (width - 300) / 2,
                y: (height - 300) / 2,
                width: 300,
                height: 300
            }
        }
    },
    touchStart(e) {
        this.wecropper.touchStart(e)
    },
    touchMove(e) {
        this.wecropper.touchMove(e)
    },
    touchEnd(e) {
        this.wecropper.touchEnd(e)
    },
    getCropperImage() {
        this.wecropper.getCropperImage((src) => {
            if (src) {
                console.log(src)
                wx.previewImage({
                    current: '', // 当前显示图片的http链接
                    urls: [src] // 需要预览的图片http链接列表
                })
            } else {
                console.log('获取图片地址失败，请稍后重试')
            }
        })
    },
    uploadTap() {
        const self = this
        wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success(res) {
                const src = res.tempFilePaths[0]
                //  获取裁剪图片资源后，给data添加src属性及其值
                console.log(self)
                self.wecropper.pushOrign(src)
            }
        })
    },
    onLoad(option) {
        const {
            cropperOpt
        } = this.data

        new WeCropper(cropperOpt)
            .on('ready', (ctx) => {
            })
            .on('beforeImageLoad', (ctx) => {
                console.log(`current canvas context:`, ctx)
                wx.showToast({
                    title: '上传中',
                    icon: 'loading',
                    duration: 20000
                })
            })
            .on('imageLoad', (ctx) => {
                console.log(`current canvas context:`, ctx)
                wx.hideToast()
            })
            .on('beforeDraw', (ctx, instance) => {
                console.log(`current canvas context:`, ctx)
                console.log(device)
                console.log(this.data.cropperOpt)
            })
            .updateCanvas()


    }
})